var bol = true;
var maxheight = screen.height;
var maxwidth = screen.width;
var head = $(".CHL_head_wrap").height();
//var foot = $(".CHL_foot_wrap").height();
//$(".wrap-main").css("height",maxheight-head+"px");
//console.log($(".wrap-main").height());
$(".CHL_wrap_right").css({
	position: "relative",
	height: maxheight + "px",
	width: maxwidth + "px"
});
$(".CHL_wrap_left").css({
	position: "fixed",
	left: "-200px",
	height: maxheight + "px",
	width: maxwidth - 20% +"px"
});
$(".CHL_left_a2").css("max-height", maxheight - 460 + "px");

//侧拉框
var maxHeight = $("body").height();
var maxWidth = $(".CHL_wrap_right").width();
console.log(maxHeight);
$(".CHL_head_wrap_img_login").on("touchstart", function() {
	if(bol) {
		bol = false;
		$(".CHL_wrap_right").animate({
			left: $(".CHL_wrap_left").width(),
		}, 500)
		$(".CHL_wrap_right").css({
			overflowX: "hidden",
			overflowY: "scroll"
		});
		$(".CHL_wrap_left").animate({
			left: "0"
		}, 500);
//		$(".wrap-main").css({
//			position: "fixed"
//		});
		$(".CHL_wrap_right").prepend("<div class='CHL_shade'></div>");
		console.log(maxHeight + "px");
		$(".CHL_shade").css({
			height: maxHeight + "px",
			width: maxWidth + "px",
			backgroundColor: "rgba(0, 0, 0,.5)",
			position: "fixed",
			top: 0,
			zIndex: 100,
		});
		console.log(maxHeight);
		$(".CHL_shade").animate({
			left: $(".CHL_wrap_left").width()
		},500);
		setTimeout(function() {
			$(".CHL_wrap_left").css({
				boxShadow: "10px 0px 40px rgba(0,0,0,.3)",
				zIndex: "1"
			});
		}, 500);

		$(".CHL_shade").on("touchstart", function(event) {
			//			event.preventDefault();				
			//删除遮罩
			$(".CHL_shade").animate({
				left:0
			},500);
			setTimeout(function() {
				$(".CHL_shade").remove();
			},500);
			bol = true;
			$(".CHL_wrap_left").css({
				boxShadow: "none",
				zIndex: "0",
			});
			$(".CHL_wrap_right").animate({
				left: 0,
			}, 500)
			$(".CHL_wrap_left").animate({
				left: "-200px"
			}, 500);
//			$(".wrap-main").css({
//				position: "relative"
//			});
		})
	}
});